<template>

  <div class="login-card">
    <h1>信息系统</h1>
    <el-form ref="form" :model="form" label-width="80px" class="login-form">
      <el-form-item label="账号 : ">
        <el-input v-model="form.name"></el-input>
      </el-form-item>
      <el-form-item label="密码 : ">
        <el-input v-model="form.password"></el-input>
      </el-form-item>
      <el-button type="primary" @click="onSubmit">登录</el-button>

    </el-form>
  </div>

</template>
<script>
export default {
  name: "login",
  data() {
    return {
      form: {
        name: '',
        password: ''
      }
    }
  },
  methods: {
    test() {
      this.$router.push('/home')
    },
    onSubmit() {
      this.$router.push('/frame')
    }
  }
}
</script>
<style scoped lang="scss">
.login-form {
  max-width: 300px;
  margin: 0 auto;
}
.login-card{
  margin: 100px auto;
  width: 400px;
  height: 260px;
  border: 1px solid #ccc;
  border-radius: 10px;
  background: #eeeeee;
  text-align: center;
  padding: 10px;
}
</style>